<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" slick-uniqueid="1">
<head>
	<jdoc:include type="head" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>Savvis | Home Page</title>
	<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/savvis/css/style.css">
	<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/savvis/js/jquery.min.js"></script>
<script type="text/javascript">

		jQuery(document).ready(function($) {
			$('.block2small').hover(
				function () {
				    //show its submenu
				    //$('ul', this).stop().slideDown(300);
				    $('#wrapper').after('<div id="overlay"></div>');
				    $('#overlay').css('top', $(this).offset().top);
				    $('#overlay').css('left', $(this).offset().left);
				    $('#overlay').css('width', $(this).outerWidth());
				    $('#overlay').css('height', $(this).outerHeight());
				    
				    $(this).animate({
					opacity: 1,
					//left: '+=50',
					//height: 'toggle'
				      }, 100, function() {
					// Animation complete.
				      });
									
				    //alert('ddd');
			 
				},
				function () {
				    //hide its submenu
				    //$('ul', this).stop().slideUp(300);
				    //alert('eee');
				    //$('#overlay').remove();
				    
				    //$(this).animate({
				//	opacity: 1,
					//left: '+=50',
					//height: 'toggle'
				//      }, 1, function() {
					// Animation complete.
					$(this).css('opacity', '1');
					$('#overlay').remove();
				//      });
				}
			);
			
		});
		
	</script>
</head>
<body>
<div id="container">
<div id="wrapper">
	<div id="header">
		<div class="w960">
			<jdoc:include type="modules" name="header" />
		</div><!--w960-->
	</div><!--header-->

	<div class="clear"></div>
	<div id="slideshow">
		<jdoc:include type="modules" name="slide" />
		
		<div class="w960 z2">

			<jdoc:include type="modules" name="pos-1" />

		</div>
	</div>
	<div class="clear"></div>
	<div id="content" class="w1026 pdt45 <?php if(JRequest::getVar('Itemid')!='101') {	echo 'w960 pdb45 pd33'; }?>">
		<jdoc:include type="modules" name="sidebar" />
		<?php if(JRequest::getVar('Itemid')!='101') {	 ?>
		<div id="middle">
			<jdoc:include type="component" />
		</div>
		<?php } else { ?>
			<jdoc:include type="component" />
		<?php } ?>
	</div>
</div><!--Wrapper-->
<div class="clear"></div>
	<div id="footer">

	</div><!--footer-->
	</div>
</body>
</html>